<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>遇见阳光——zm个人工作室</title>

<!--<link href='http://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>--->

<link rel="stylesheet" href="css/font-awesome.min.css">

 <!-- Preloader -->
<link rel="stylesheet" href="./index/css/preloader.css" type="text/css" media="screen, print"/>

<!-- Icon Font-->
<link rel="stylesheet" href="./index/style.css">
<link rel="stylesheet" href="./index/css/owl.carousel.css">
<link rel="stylesheet" href="./index/css/owl.theme.default.css">
<!-- Animate CSS-->
<link rel="stylesheet" href="./index/css/animate.css">

<!-- Bootstrap -->
<link href="./index/css/bootstrap.min.css" rel="stylesheet">



<!-- Style -->
<link href="./index/css/style.css" rel="stylesheet">

<!-- Responsive CSS -->
<link href="./index/css/responsive.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="js/lte-ie7.js"></script>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
			<!-- Preloader -->
			<div id="preloader">
				<div id="status">&nbsp;</div>
			</div>




<header id="HOME" style="background-position: 50% -125px;">
		<div class="section_overlay">
			<nav class="navbar my-nav-bar navbar-default navbar-fixed-top">
			  <div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
				  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
				  <a class="navbar-brand" href="#"><img class="my-logoPic" src="index/images/logo.gif"></a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				  <ul class="nav navbar-nav navbar-right">
					<li><a href="#HOME">主页</a></li>
					<li><a href=".\one\index.html">个人博客</a></li>
					<li><a href=".\two\index.html">线描素描</a></li>
					<li><a href=".\shue\index.html">幼儿绘画</a></li>
					<li><a href="#WORK">素材展示</a></li>
					<li><a href="#CONTACT">联系我们</a></li>
				  </ul>
				</div><!-- /.navbar-collapse -->
			  </div><!-- /.container -->
			</nav> 

			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center">
						<div class="home_text wow fadeInUp animated">
							<h1>遇见阳光，向未来携手同行！</h1>
							<p>向着阳光奔跑生命如旅途般美妙。</p>
							<img src="./index/images/shape.png" alt="">                        
						</div>
					</div>
				</div>
			</div>

			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center">
						<div class="scroll_down">
						<a href="#SERVICE"><img src="./index/images/scroll.png" alt=""></a>
							<h4>点击 下滑</h4>
						</div>
					</div>
				</div>
			</div>            
		</div>  
	</section>         
</header>

<!-- 点击事件响应 -->
<style type="text/css">
	.my-blog-wrapper {
		border: 1px solid #fff;
		height: 200px;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 10px;
	}
	.my-blog-wrapper:hover {
		border: 1px solid #f40044;
		background: rgba(247,59,86,0.8);
		transition: all ease 2.5s;
	}
	.my-blog-wrapper:hover .my-p-style {
		color: #fff !important;
	}
</style>
<section class="services" id="SERVICE">
	<div class="container">
		<div class="row">
			<div class="col-md-3 text-center">
				<div class="single_service my-blog-wrapper wow fadeInUp" data-wow-delay="1s">
					<i class="glyphicon glyphicon-user my-p-style"></i>
					<h2 class="my-p-style">个人博客</h2>
					<p class="my-p-style">个人基本信息介绍
					 大学主要经历 一个爱笑的女孩，但你并不知道她是否真的开心</p>
				</div>
			</div>
			<div class="col-md-3 text-center">
				<div class="single_service my-blog-wrapper wow fadeInUp" data-wow-delay="2s">
					<i class="glyphicon glyphicon-edit my-p-style"></i>
					<h2 class="my-p-style">线描素描</h2>
					<p class="my-p-style"> 素描因光的存在而美丽 
					有对比才有线描的魅力 
					素描中的黑白灰 </p>
				</div>
			</div>
			<div class="col-md-3 text-center">
				<div class="single_service my-blog-wrapper wow fadeInUp" data-wow-delay="3s">
					<i class="glyphicon glyphicon-picture my-p-style"></i>
					<h2 class="my-p-style">幼儿绘画</h2>
					<p class="my-p-style">幼儿年龄段与想象力分析
儿童漫画创作 幼儿绘画心理学 简笔画的固执思维
</p>
				</div>
			</div>
			<div class="col-md-3 text-center">
				<div class="single_service my-blog-wrapper wow fadeInUp" data-wow-delay="4s">
					<i class="glyphicon glyphicon-eye-close my-p-style"></i>
					<h2 class="my-p-style">素材展示</h2>
					<p class="my-p-style">主要向大家展示手绘的设计稿 我们还为您准备了更好的素材网站
</p>
				</div>
			</div>
		</div>            
	</div>
</section>
<section class="about_us_area" id="ABOUT">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<div class="about_title">
					<h2>关于我</h2>
					<img src="./index/images/shape.png" alt="">
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-4  wow fadeInLeft animated">
				<div class="single_progress_bar">
					<h2>姓名 - 赵敏</h2>
					<div class="progress">
					  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
						<span class="sr-only">60% Complete</span>
					  </div>
					</div>
				</div>
				<div class="single_progress_bar">
					<h2>年龄 - 保密</h2>
					<div class="progress">
					  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
						<span class="sr-only">60% Complete</span>
					  </div>
					</div>
				</div>
				<div class="single_progress_bar">
					<h2>专业 - 美术</h2>
					<div class="progress">
					  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
						<span class="sr-only">60% Complete</span>
					  </div>
					</div>
				</div>
				<div class="single_progress_bar">
					<h2>技能 - 满分</h2>
					<div class="progress">
					  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
						<span class="sr-only">60% Complete</span>
					  </div>
					</div>
				</div>
			</div>
			<div class="col-md-4  wow fadeInRight animated">
				<p class="about_us_p" style="padding-right: 30px">来自于：重庆綦江
                我是一个爱笑的女孩，性格活泼开朗，来自重庆，从小喜欢手工和绘画，在这里也交到很多志同道合的朋友。
                各位同仁好!小女初长成，学得深闺中;课业语文马马虎虎，绝对数学一塌懵懂;承蒙大家关爱有佳，得以在此一展风姿，真是兴会兴会。 若您有兴与我畅谈大千宇宙世界，请不要摇头害臊，尽情放马来吧!
                最喜欢的一句话：逆风的方向更适合飞翔，我不怕千万人阻挡，只怕自己投降。</p>
			</div>

			<div class="col-md-4  wow fadeInRight animated">
				<p class="about_us_p">敏感 细心 敢创新
                对事物有敏锐的洞察力,
                在大学期间获过国家奖学金,设计金奖,超级城市想象力大赛一等奖和一些于艺术相关的奖项40余项.
                能很好得与人沟通,具有团队合作精神;对负责的工作会付出全部精力和热情,制定缜密计划,力争在最短时间内将目标达成;喜欢挑战,能高压力的工作。
                开心时、多笑笑. 不开心时、就画画. 在大学的里,我享受着自己的大学生活，或许并不完美，但也很圆满。</p>
			</div>
		</div>
	</div>
</section>


<section class="testimonial text-center wow fadeInUp animated" id="TESTIMONIAL">
	<div class="container">
		<div class="icon" style="position: relative;top: -200px;">
			<i class="icon-quote"></i>
		</div>
		<div class="owl-carousel">
			<div class="single_testimonial text-center wow fadeInUp animated">
				<p>线描绘画与素描绘画的基础，当然也会讲解一些关于大师绘画、彩铅、水粉、等于绘画相关的基础<br/> 当然平时我也会画一些放在网站上.我与大家共同努力。</p>
				<h4>绘画基础</h4>
			</div>
			<div class="single_testimonial text-center">
				<p>幼儿绘画主要是讲解一些关于儿童画的基础，当然我们会按照年龄段来分别详细分析。<br/> 为何初中这个年龄段都喜欢画动漫。</p>
				<h4>幼儿绘画</h4>
			</div>
		</div>            
	</div>
</section>


<div class="fun_facts">
	<section class="header parallax home-parallax page" id="fun_facts" style="background-position: 50% -150px;">
		<div class="section_overlay">
			<div class="container">
				<div class="row">
					<div class="col-md-6 wow fadeInLeft animated">
						<div class="row">
							<div class="col-md-4">
								<div class="single_count">
									<i class="icon-toolbox"></i>
									<h3>300</h3>
									<p>关注度</p>
								</div>
							</div>
							<div class="col-md-4">
								<div class="single_count">
									<i class="icon-clock"></i>
									<h3>1700+</h3>
									<p>工作时间</p>
								</div>                            
							</div>
							<div class="col-md-4">
								<div class="single_count">
									<i class="icon-trophy"></i>
									<h3>37</h3>
									<p>获得奖励</p>
								</div>                            
							</div>
						</div>
					</div>
					<div class="col-md-5 col-md-offset-1 wow fadeInRight animated">
						<div class="imac">
							<img src="./index/images/imac.png" alt="">
						</div>
					</div>
				</div>
			</div>            
		</div>
	</section>    
</div>
<section class="work_area" id="WORK">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<div class="work_title  wow fadeInUp animated">
					<h1>素材展示</h1>
					<img src="./index/images/shape.png" alt="">
					<p>给大家展示一组手绘的设计稿， <br> 真是美得让人窒息</p>
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-4 no_padding">
				<div class="single_image">
					<img src="./index/images/w1.jpg" alt="">
					<div class="image_overlay">
						<a href="">View Full Project</a>
						<h2>drawing</h2>
						<h4>with pencil colors</h4>
					</div>
				</div>
			</div>
			<div class="col-md-4 no_padding">
				<div class="single_image">
					<img src="./index/images/w2.jpg" alt="">
					<div class="image_overlay">
						<a href="">View Full Project</a>
						<h2>drawing</h2>
						<h4>with pencil colors</h4>
					</div>                        
				</div>
			</div>
			<div class="col-md-4 no_padding">
				<div class="single_image">
					<img src="./index/images/w3.jpg" alt="">
					<div class="image_overlay">
						<a href="">View Full Project</a>
						<h2>drawing</h2>
						<h4>with pencil colors</h4>
					</div>                        
				</div>
			</div>
		</div>
		<div class="row pad_top">
			<div class="col-md-4 no_padding">
				<div class="single_image">
					<img src="./index/images/w4.jpg" alt="">
					<div class="image_overlay">
						<a href="">View Full Project</a>
						<h2>drawing</h2>
						<h4>with pencil colors</h4>
					</div>                        
				</div>
			</div>
			<div class="col-md-4 no_padding">
				<div class="single_image">
					<img src="./index/images/w5.jpg" alt="">
					<div class="image_overlay">
						<a href="">View Full Project</a>
						<h2>drawing</h2>
						<h4>with pencil colors</h4>
					</div>                        
				</div>
			</div>
			<div class="col-md-4 no_padding">
				<div class="single_image last_padding">
					<img src="./index/images/w6.jpg" alt="">
					<div class="image_overlay">
						<a href="">View Full Project</a>
						<h2>drawing</h2>
						<h4>with pencil colors</h4>
					</div>                        
				</div>
			</div>
		</div>           
	</div>
</section>
<section class="call_to_action">
	<div class="container">
		<div class="row">
			<div class="col-md-8 wow fadeInLeft animated">
				<div class="left">
					<h2>还在担心找不到更好的资源吗？</h2>
					<p>我们还为您准备了更好的素材网站，不管你是设计师还是普通爱好者，只要对美有所追求，那么肯定就会适合你。</p>
				</div>
			</div>
			<div class="col-md-3 col-md-offset-1 wow fadeInRight animated">
				<div class="baton">
					<a href="http://hao.uisdc.com/">
						<button  type="button" class="btn btn-primary cs-btn">去看看吧</button>
					</a>    
				</div>
			</div>
		</div>
	</div>
</section>
<section class="contact" id="CONTACT">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<div class="contact_title  wow fadeInUp animated">
					<h1>联系我们</h1>
					<img src="./index/images/shape.png" alt="">
					<p>对我们的网站有任何问题都可以通过我们下方的联系方式联系我们。<br/>当然也可以通过我们的表格留言给我们，但是得留下您的邮箱或联系方式方便我们相互沟通。 </p>
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-3  wow fadeInLeft animated">
				<div class="single_contact_info">
					<h2>联系电话</h2>
					<p>+86 133 7073 8449</p>
				</div>
				<div class="single_contact_info">
					<h2>Email 邮箱</h2>
					<p>zm@dlike.cn</p>
				</div>
				<div class="single_contact_info">
					<h2>地址</h2>
					<p>216 Street Address, Barisal, BD</p>
				</div>
			</div>
			<div class="col-md-9  wow fadeInRight animated">
				<form class="contact-form" action="">
					<div class="row">
						<div class="col-md-6">
							<input type="text" class="form-control" id="name" placeholder="昵称">
							<input type="email" class="form-control" id="email" placeholder="邮箱">
							<input type="text" class="form-control" id="subject" placeholder="建议">                                
						</div>
						<div class="col-md-6">
							<textarea class="form-control" id="message" rows="25" cols="10" placeholder="  详细内容...."></textarea>
							<button type="button" class="btn btn-default submit-btn form_submit">提交</button>                                
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<div class="work-with   wow fadeInUp animated">
					<h3>非常感谢您的反馈！</h3>
				</div>
			</div>
		</div>
	</div>
</section>



<footer>
<div class="container">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<div class="footer_logo   wow fadeInUp animated">
					<img src="./index/images/logo.png" alt="">
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center   wow fadeInUp animated">
				<div class="social">
					<h2>喜欢请分享 </h2>
					<ul class="icon_list">
						<li><a href=""target="_blank"><i class="fa fa-facebook"></i></a></li>
						<li><a href=""target="_blank"><i class="fa fa-twitter"></i></a></li>
						<li><a href=""><i class="fa fa-google-plus"></i></a></li>
						<li><a href=""><i class="fa fa-linkedin"></i></a></li>
						<li><a href=""target="_blank"><i class="fa fa-dribbble"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<div class="copyright_text   wow fadeInUp animated">
					<p>Zhaimin © 2016 - All 个人博客  版权信息:由zm.@zhaomin科技公司提供</p>
				</div>
			</div>
		</div>
	</div>
</div>
</footer>

<script src="./index/js/jquery.min.js"></script>
<script src="./index/js/bootstrap.min.js"></script>
<script src="./index/js/jquery.nicescroll.js"></script>
<script src="./index/js/owl.carousel.js"></script>
<script src="./index/js/wow.js"></script>
<script src="./index/js/script.js"></script>


</body>
</html>